<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CodeDaily Editor</title>
        <meta name="description" content="Post Editor for CodeDaily.VN">
        <meta name="author" content="huydotnet">
         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/editor.css")">
		<link rel="stylesheet" media="screen" href="@routes.Assets.versioned("stylesheets/font.css")">
    </head>
    <body ng-app="markdownEditor" ng-controller="markdownEditorController">
    	<div class="toolbox">
    		<button class="icon toolbar fa fa-bold" ng-click="onEditor('bold')"></button>
    		<button class="icon toolbar fa fa-italic" ng-click="onEditor('italic')"></button>
    		<button class="icon toolbar fa fa-underline" ng-click="onEditor('underline')"></button>
    		<button class="icon toolbar fa fa-minus" ng-click="onEditor('horline')"></button>
    		<button class="icon toolbar fa fa-list-ul" ng-click="onEditor('list')"></button>
    		<button class="icon toolbar fa fa-list-ol" ng-click="onEditor('list-2')"></button>
    		<button class="icon toolbar fa fa-header" ng-click="onEditor('header')"></button>
    		<button class="icon toolbar fa fa-paperclip" ng-click="onEditor('url')"></button>
    		<button class="icon toolbar fa fa-image" ng-click="onEditor('img')"></button>
    		<button class="icon toolbar fa fa-code" ng-click="onEditor('code')"></button>
    		<button class="icon toolbar fa fa-quote-left" ng-click="onEditor('quote')"></button>
    		<button class="icon toolbar fa fa-strikethrough" ng-click="onEditor('strikethrough')"></button>
    	</div>
    	<div class="left">
    		<input id="post-title" type="text" ng-model="editor.title" placeholder="Insert title here..."/>
    		<textarea id="mark-editor" ng-change="textChange()" ng-model="editor.src" placeholder="Just typing here..."></textarea>
    	</div>
    	<div class="right">
    		<div id="parsed-title">{{editor.title}}</div>
    		<div id="parsed-content" ng-bind-html="editor.parsed"></div>
    	</div>
    	<button class="icon action fa fa-paper-plane" ng-click="onPublish()"></button>
    	
    	<script src="https://cdn.bootcss.com/angular.js/1.6.3/angular.min.js"></script>
        <script src="https://cdn.bootcss.com/angular.js/1.6.3/angular-sanitize.js"></script>

		<script src="@routes.Assets.versioned("javascripts/marked.js")" type="text/javascript"></script>
		<script src="@routes.Assets.versioned("javascripts/editor.js")" type="text/javascript"></script>

    </body>
</html>
